<!DOCTYPE html>
<html lang="zxx">

<head>
	<title>首页</title>
	<!-- for-mobile-apps -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="" />
	<script type="application/x-javascript">
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //for-mobile-apps -->
	<link href="__STATICS__/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="__STATICS__/css/style.css" rel="stylesheet" type="text/css" media="all" />
	<link href="__STATICS__/css/font-awesome.css" rel="stylesheet">
	<link href="__STATICS__/css/easy-responsive-tabs.css" rel='stylesheet' type='text/css' />
	<!-- css files -->
	<link href="http://fonts.googleapis.com/css?family=Exo+2:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=cyrillic,latin-ext"
	    rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
	<!-- //css files -->
</head>

<body>
	<!-- banner -->
	<div class="banner-main">
		<div class="banner">
			<!--header-->
			<div class="header">
				<div class="container">
					<nav class="navbar navbar-default">
						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<h1><a href="{:url('admin/Index/index')}"><span>R</span>ent <span>H</span>ouses</a></h1>
						</div>
						
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav navbar-right">
								<li><a href="#">登录</a></li>
								<li><a href="#">注册</a></li>
							</ul>
						</div>
						
				</div>
				<div id="cd-search" class="cd-search">
					<form action="#" method="post">
						<input name="Search" type="search" placeholder="Click enter after typing...">
					</form>
				</div>
			</div>
			<!--//header-->
			<div class="w3_banner_info">
				<div class="w3_banner_info_grid">
					<h3 class="test"><span class="char1" style="opacity: 1;">T</span><span class="char2" style="opacity: 1;">H</span><span class="char3" style="opacity: 1;">E</span><span class="char4" style="opacity: 1;">&nbsp;</span><span class="char5" style="opacity: 1;">r</span><span class="char6" style="opacity: 1;">e</span><span class="char7" style="opacity: 1;">n</span><span class="char8" style="opacity: 1;">t</span><span class="char9" style="opacity: 1;">&nbsp;</span><span class="char10" style="opacity: 1;">i</span><span class="char11" style="opacity: 1;">s</span><span class="char12" style="opacity: 1;">&nbsp;</span><span class="char13" style="opacity: 1;">a</span><span class="char14" style="opacity: 1;">&nbsp;</span><span class="char15" style="opacity: 1;">h</span><span class="char16" style="opacity: 1;">o</span><span class="char17" style="opacity: 1;">u</span><span class="char18" style="opacity: 1;">s</span><span class="char19" style="opacity: 1;">e</span><span class="char20" style="opacity: 1;">,</span><span class="char21" style="opacity: 1;">a</span><span class="char22" style="opacity: 1;">n</span><span class="char23" style="opacity: 1;">d</span><span class="char24" style="opacity: 1;">&nbsp;</span><span class="char25" style="opacity: 1;">i</span><span class="char26" style="opacity: 1;">t</span><span class="char27" style="opacity: 1;">&nbsp;</span><span class="char28" style="opacity: 1;">i</span><span class="char29" style="opacity: 1;">s</span><span class="char30" style="opacity: 1;">&nbsp;</span><span class="char31" style="opacity: 1;">a</span><span class="char32" style="opacity: 1;">&nbsp;</span><span class="char33" style="opacity: 1;">h</span><span class="char34" style="opacity: 1;">o</span><span class="char35" style="opacity: 1;">u</span><span class="char36" style="opacity: 1;">s</span><span class="char37" style="opacity: 1;">e</span></h3>

					<p>租的是一套房子，拥有的是一个家。</span></p>
				</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="w3ls_banner_info_grids">
			<div class="container">
				<div class="col-xs-3 w3ls_banner_info_grid">
					<div class="w3l_banner_info_grid">
						<div class="w3_banner_info_grid hi-icon-effect-4 hi-icon-effect-4b">
							<i class="hi-icon hi-icon-archive fa fa-home"> </i>
						</div>
						<h4><a href="{:url('admin/Index/ldone_one')}" style="color:#000000">一室一厅</a></h4>
					</div>
				</div>
				<div class="col-xs-3 w3ls_banner_info_grid">
					<div class="w3l_banner_info_grid">
						<div class="w3_banner_info_grid hi-icon-effect-4 hi-icon-effect-4b">
							<i class="hi-icon hi-icon-archive fa fa-home"> </i>
						</div>
						<h4><a href="{:url('admin/Index/ldtwo_one')}" style="color:#000000">二室一厅</a></h4>
					</div>
				</div>
				<div class="col-xs-3 w3ls_banner_info_grid">
					<div class="w3l_banner_info_grid">
						<div class="w3_banner_info_grid hi-icon-effect-4 hi-icon-effect-4b">
							<i class="hi-icon hi-icon-archive fa fa-home"> </i>
						</div>
						<h4><a href="{:url('admin/Index/ldthree_one')}" style="color:#000000">三室一厅</a></h4>
					</div>
				</div>
				<div class="col-xs-3 w3ls_banner_info_grid">
					<div class="w3l_banner_info_grid">
						<div class="w3_banner_info_grid hi-icon-effect-4 hi-icon-effect-4b">
							<i class="hi-icon hi-icon-archive fa fa-home"> </i>
						</div>
						<h4><a href="{:url('admin/Index/ldthree_two')}" style="color:#000000">三室二厅</a></h4>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //banner -->
	<!-- about -->
	<div class="about-w3l">
		<div class="container">
			<h3 class="w3l-titles">About Us</h3>
			<div class="col-md-6 ab-left">
				<img src="__STATICS__/images/ab.png" alt=" " />
			</div>
			<div class="col-md-6 ab-right">
				<h3>Welcome to Our Real Estate WeChat Homes</h3>
				<p>谢谢你抽出时间来参观我们的网站！在今天的房地产市场，租赁正在成为许多人的一种流行的选择。我们为你的选择而感到自豪。我们相信你会在我们的网站中找到属于你的家！</p>
			</div>
		</div>
	</div>
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="w3_footer_grids">
				<div class="col-md-4 w3_footer_grid-main">
					<h2><a href="{:url('admin/Index/index')}"><span>R</span>ent <span>H</span>ouses</a></h2>
					<p>安顿疲惫的身体，摆脱心灵的束缚，安家首选微信租房!</p>
				</div>
				<div class="col-md-4 w3_footer_grid-main-2">
					<div class="midle-w3l">
						<p>WeChat <span>Homes</span></p>
					</div>
				</div>
				<div class="col-md-4 w3_footer_grid-main">
					<div class="w3_footer_grid">
						<div class="col-xs-2 w3l_footer_grid">
							<i class="fa fa-home" aria-hidden="true"></i>
						</div>
						<div class="col-xs-10 address-right">
							<h4>Address</h4>
							<p>山东省泰安市泰山区龙潭路新华城南郡</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="w3_footer_grid">
						<div class="col-xs-2 w3l_footer_grid">
							<i class="fa fa-phone" aria-hidden="true"></i>
						</div>
						<div class="col-xs-10 address-right">
							<h4>Call Us</h4>
							<p>+(123) 456 789 344</p>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="w3_footer_grid">
						<div class="col-xs-2 w3l_footer_grid">
							<i class="fa fa-envelope" aria-hidden="true"></i>
						</div>
						<div class="col-xs-10 address-right">
							<h4>Mail Us</h4>
							<p><a href="#">1819043855@qq.com</a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- //sponsors -->
	<div class="copyright">
		<div class="container">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
	<!-- //footer -->

	<!-- js-scripts -->
	<!-- js -->
	<script type="text/javascript" src="__STATICS__/js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="__STATICS__/js/bootstrap.js"></script>
	<!-- Necessary-JavaScript-File-For-Bootstrap -->
	<!-- //js -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="__STATICS__/js/move-top.js"></script>
	<script type="text/javascript" src="__STATICS__/js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function ($) {
			$(".scroll").click(function (event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop: $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->
	<!--search jQuery-->
	<script src="__STATICS__/js/main.js"></script>
	<!--//search jQuery-->
	<!-- tabs -->
	<script src="__STATICS__/js/easy-responsive-tabs.js"></script>
	<script>
		$(document).ready(function () {
			$('#horizontalTab').easyResponsiveTabs({
				type: 'default', //Types: default, vertical, accordion           
				width: 'auto', //auto or any width like 600px
				fit: true, // 100% fit in a container
				closed: 'accordion', // Start closed if in accordion view
				activate: function (event) { // Callback function if tab is switched
					var $tab = $(this);
					var $info = $('#tabInfo');
					var $name = $('span', $info);
					$name.text($tab.text());
					$info.show();
				}
			});
			$('#verticalTab').easyResponsiveTabs({
				type: 'vertical',
				width: 'auto',
				fit: true
			});
		});
	</script>
	<!-- //tabs -->
	<!-- stats -->
	<script src="__STATICS__/js/waypoints.min.js"></script>
	<script src="__STATICS__/js/counterup.min.js"></script>
	<script>
		jQuery(document).ready(function ($) {
			$('.counter').counterUp({
				delay: 100,
				time: 1000
			});
		});
	</script>
	<!-- stats -->
	<!-- flexisel -->
	<script type="text/javascript">
		$(window).load(function () {
			$("#flexiselDemo3").flexisel({
				visibleItems: 4,
				animationSpeed: 1000,
				autoPlay: false,
				autoPlaySpeed: 3000,
				pauseOnHover: true,
				enableResponsiveBreakpoints: true,
				responsiveBreakpoints: {
					portrait: {
						changePoint: 480,
						visibleItems: 1
					},
					landscape: {
						changePoint: 640,
						visibleItems: 2
					},
					tablet: {
						changePoint: 768,
						visibleItems: 3
					}
				}
			});
		});
	</script>
	<script type="text/javascript" src="__STATICS__/js/jquery.flexisel.js"></script>
	<!-- flexisel -->
	<!-- smooth scrolling -->
	<script src="__STATICS__/js/SmoothScroll.min.js"></script>
	<!-- //smooth scrolling -->
	<!-- text-effect -->
	<script type="text/javascript" src="__STATICS__/js/jquery.transit.js"></script>
	<script type="text/javascript" src="__STATICS__/js/jquery.textFx.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$('.test').textFx({
				type: 'fadeIn',
				iChar: 100,
				iAnim: 1000
			});
		});
	</script>
	<!-- //text-effect -->
	<!-- js-scripts -->

</body>

</html>